<template>
  <div class="demo">
    <div class="demo-title">清除</div>
    <div class="demo-content">
      <Rate v-model:value="value1" />
      <span>allowClear: true</span>
      <br />
      <Rate v-model:value="value2" :allow-clear="false" />
      <span>allowClear: false</span>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Rate from '@sscd/rate';
  const value1 = ref<number>(3);
  const value2 = ref<number>(3);
</script>
